.components-container .container-header {
  box-sizing: border-box;
  padding: $vertical_margin $transverse_margin 0;
}
// container-header

.title-bar-container {
  display: flex;
  align-items: center;
  overflow: hidden;
}
// container-header > title-bar-container

.title-bar-container .title-content-wrapper {
  flex: 1;
}
// title-bar-container > title-content-wrapper

.title-bar-container .title-content-wrapper .title {
  overflow: hidden;
  word-break: break-word;
}
// title-content-wrapper > title

.title-bar-container .title-content-wrapper .text-group {
  font-size: 14px;
  color: #666;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
// title-content-wrapper > text-group

.title-bar-container
  .title-content-wrapper
  .text-group
  .text-box-inner {
  position: absolute;
  z-index: 2;
}
// text-group > text-box-inner

.title-bar-container .title-content-wrapper .text-group span {
  position: relative;
  top: -1px;
}
// text-box-inner > span(elem)

.title-bar-container
  .title-content-wrapper
  .text-group
  .arrow-icon {
  color: #666;
}
// text-box-inner > i(elem)
